<template>
  <!-- <div class="flex items-center mt-[10px]">
    <div class="px-[40px] pt-[10px]">
      <CustomTitle title="分析概况"></CustomTitle>
      <div class="w-[410px] h-[320px] bg-[#1B1B1B] mt-[10px] rounded-[10px] flex items-center">
        <div class="w-[436px] h-full"></div>
      </div>
    </div>
    <div class="flex-grow pr-[30px] pt-[10px]">
      <CustomTitle title="分析项目"></CustomTitle>
      <div class=" h-[320px] bg-[#1B1B1B] mt-[10px] rounded-[10px] flex items-center">
        <div class="flex-grow h-full grid grid-cols-4 grid-rows-2">
          <div class="flex justify-center items-center">
            <div class="w-[266px] h-[125px] bg-[#242424] rounded-[10px] py-[15px] px-[20px] flex flex-col justify-between">
              <p class="text-[#FF9F00] text-[16px] leading-[16px]">NF3精制组分</p>
              <div class="text-[#E6E6E6] flex justify-between">
                <div>
                  <p class="text-[25px]">0/200</p>
                  <p class="text-[12px]">异常数/分析总数</p>
                </div>
                <div>
                  <p class="text-[25px]">00</p>
                  <p class="text-[12px]">取样点数</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div> -->
  <Fenxi />
</template>
<script setup lang="ts">
import Fenxi from '@/components/FenXi/index.vue';
</script>
<style lang="scss" scoped></style>
